The C1DatePicker control allows you to apply six themes to the control. In this topic, you will change the C1DatePicker control's theme to C1ThemeRainierOrange. For more information on available themes, see C1DatePicker Theming.

In Blend

Complete the following steps:

1. Click the Assets tab.
2. In the search bar, enter "C1ThemeRainierOrange".
   The C1ThemeRainierOrange icon appears.
3. Double-click the C1ThemeRainierOrange icon to add it to your project.
4. In the search bar, enter "C1DatePicker" to search for the C1DatePicker control.
5. Double-click the C1DatePicker icon to add the C1DatePicker control to your project.
6. Under the Objects and Timeline tab, select [C1DatePicker] and use a drag-and-drop operation to place it under [C1ThemeRainierOrange].
7. Run the project.

 

In Visual Studio

Complete the following steps:

1. Open the .xaml page in Visual Studio.
2. Place your cursor between the <Grid></Grid> tags.
3. In the Toolbox, double-click the C1ThemeRainierOrange icon to declare the theme. Its tags will appear as follows:

   <c1:C1ThemeRainierOrange></c1:C1ThemeRainierOrange>
   

4. Place your cursor between the <c1:C1ThemeRainierOrange> and </c1:C1ThemeRainierOrange> tags.
5. In the Toolbox, double-click the C1DatePicker icon to add the control to the project. Its tags will appear as children of the <c1:C1ThemeRainierOrange> tags, causing the markup to resemble the following:

   XAML	Copy Code
   <c1:C1ThemeRainierOrange> <c1:C1DatePicker/> </c1:C1ThemeRainierOrange>

6. Run your project.